var bt,br,bb,bl;
sliderArr.push('borderSlider');
var borderSlider = function(slider)
{
    bt = slider.render({
        elem: '#bt'  //绑定元素
        ,max:20
        ,step: 1 //步长
        ,showstep: true //开启间隔点
        ,value:0
        ,change: function(value){
            json(0,value)
        }
    });
    
    br = slider.render({
        elem: '#br'  //绑定元素
        ,max:20
        ,step: 1 //步长
        ,showstep: true //开启间隔点
        ,value:0
        ,change: function(value){
            json(1,value)
        }
    });
    
    bb = slider.render({
        elem: '#bb'  //绑定元素
        ,max:20
        ,step: 1 //步长
        ,showstep: true //开启间隔点
        ,value:0
        ,change: function(value){
            json(2,value)
        }
    });
    
    bl = slider.render({
        elem: '#bl'  //绑定元素
        ,max:20
        ,step: 1 //步长
        ,showstep: true //开启间隔点
        ,value:0
        ,change: function(value){
            json(3,value)
        }
    });
    
    function json(key,val)
    {
        val = val / 10
        if(key == 0){
            dargObj.css({'border-top':val+'rem'})
        } else if (key == 1){
            dargObj.css({'border-right':val+'rem'})
        } else if (key == 2){
            dargObj.css({'border-bottom':val+'rem'})
        } else if (key == 3){
            dargObj.css({'border-left':val+'rem'})
        }
        
        var borderJson = dargObj.attr('borderJson')
        
        if(borderJson && borderJson.lenght > 0){
            borderJson.split(' ')
            borderJson[key] = val
            dargObj.attr('borderJson',borderJson.join(' '))
        }
        
        divTop()
    }
}

var borderOff = function(show = '',obj = '')
{
    if(show){
        var str = $(obj).attr('borderJson')
        if(str){
            var strArr = str.split(' ')
            
            bt.setValue(strArr[0])
            br.setValue(strArr[1])
            bb.setValue(strArr[2])
            bl.setValue(strArr[3])
        }
        $('.borderHtml').show();
    }else{
        $('.borderHtml').hide();
    }

}

